import { useAppStore } from '@/store/app'

export default function Loading() {
  const loading = useAppStore(state => state.loading)
  
  if (!loading) return null
  
  return (
    <div className="fixed inset-0 bg-black/50 flex items-center justify-center z-50">
      <div className="w-16 h-16 border-4 border-primary border-t-transparent rounded-full animate-spin" />
    </div>
  )
}